<?php 
//print_r($listforfait);
//print_r($infotour);
?>

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>City Business Theme</title>

<!-- Style CSS -->
<link rel="stylesheet" href="<?php echo base_url(); ?>theme/css/grid/main.css" />
<link href='http://fonts.googleapis.com/css?family=Gochi+Hand' rel='stylesheet' type='text/css'>

<!-- Google Font -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet'>
<link href='http://fonts.googleapis.com/css?family=Mate+SC' rel='stylesheet'>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet'>
<link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet'>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet'>
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet'>
<link href='http://fonts.googleapis.com/css?family=Pinyon+Script' rel='stylesheet'>
<link href='http://fonts.googleapis.com/css?family=Cabin:400italic' rel='stylesheet'>

<!-- JS Min -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.validate.js"></script>
 <script>
$(function(){
	
jQuery.validator.addMethod("telphone", function(value, element) { 
	  return this.optional(element) || /^\d{3}\-\d{7}$/.test(value); 
	}, "Please specify the correct domain");

$(".forminscr").validate({
		submitHandler: function(form){ form.submit() },
		 onfocusout:  function(element) { $(element).valid(); },

		rules: {
			
			firstname: {
				required: true,
				minlength: 2
			},
		
			
			lastname: {
				required: true,
				minlength: 2
   		 },
 			
   		telphone: {
   		 required: true,
   		 telphone:true
   		 			},
   		email : {
   		 required: true,
   		email:true
 			},

   		language: {
   			 required: true
   				}
		},
		
		messages: {
			firstname: "Enter First Name(at least 2 caracter )",
			lastname: "Enter First Name(at least 2 caracter )",
			telphone:"Enter Number telephone(format:xxx-xxxxxxx)",
			email:"Enter Email"
			}
		
});

$("#telephone").focus(function() {$(this).val("");});


})
</script>
 
 
<script src="<?php echo base_url(); ?>theme/js/general.js"></script>

<!-- JS Theme Style -->
<script>
if (document.layers) { document.write('<link rel=stylesheet href="<?php echo base_url(); ?>theme/css/style/style.css">') } 
else { document.write('<link rel=stylesheet href="<?php echo base_url(); ?>theme/css/style/style.css">') }
if (document.layers) { document.write('<link rel=stylesheet href="<?php echo base_url(); ?>theme/css/color/default.css">') } 
else { document.write('<link rel=stylesheet href="<?php echo base_url(); ?>theme/css/color/default.css">') }
if (document.layers) { document.write('<link rel=stylesheet href="<?php echo base_url(); ?>theme/css/app/supersized.css">') } 
else { document.write('<link rel=stylesheet href="<?php echo base_url(); ?>theme/css/app/supersized.css">') }
if (document.layers) { document.write('<link rel=stylesheet href="<?php echo base_url(); ?>theme/css/app/hover_effects.css">') } 
else { document.write('<link rel=stylesheet href="<?php echo base_url(); ?>theme/css/app/hover_effects.css">') }
if (document.layers) { document.write('<link rel=stylesheet href="<?php echo base_url(); ?>theme/fancybox/jquery.fancybox-1.3.4.css">') } 
else { document.write('<link rel=stylesheet href="<?php echo base_url(); ?>theme/fancybox/jquery.fancybox-1.3.4.css">') }
</script>

<!--[if lt IE 10]>
<link rel="stylesheet" href="<?php echo base_url(); ?>theme/css/app/hover_effects_ie.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo base_url(); ?>theme/css/style/ie9.css" type="text/css" media="screen" />
<![endif]-->


<script src="<?php echo base_url(); ?>theme/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script src="<?php echo base_url(); ?>theme/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

<style>
.error{color:red;}
</style>

</head>
 <body>

<!-- Container Start-->
<div class="container_16" style="padding-left:15px;">
	
    <div id="topdot" class="grid_16 margin"></div>
    
   
    
    <!-- Navigation Start-->
    <div id="navigation" class="grid_16 margin">
        
        <!-- #Logo-->
        <div class="grid_4 logo margin">
        	<a href="http://www.toursfantaisie.com/"><img src="<?php echo base_url(); ?>theme/image/theme/fantaisie.png" alt=""></a>
        </div>
        
          <!-- #Menu goes in here-->
		  <div class="menu">
<ul>
 <?php include_once 'nav.php';?>
</ul>
<br style="clear:left"/>
</div>
		  <!-- #Menu ends in here-->
    
    <!-- #Page Back -->
    <div id="pageback"></div>
    <div id="tabback2"></div>
    
    <div class="grid_16 margin">
    	<div id="tabmenuback2"></div>
        <div class="bigtitle">
        	<h1>Online Booking</h1>
            <h2>"Scheduled Tours / Tours Prévus"</h2>
			
			
			
        </div>
    </div>
    
    <!-- Clear -->
    <div class="clear margin5"></div>
    
    <!-- Blog List -->
    <div style="border:none;" class="grid_16 blog-list margin">
        


			<!--onlinebookins STARTS-->
        <div class="bloglisting2">
        	<h1>Step two: Your personal information</h1>
         
            <div class="onlinebooking-frame onlinebooking-frame2">
			<div class="onlinebooking-header"></div><!--onlinebooking-header end here-->
			
		 <p><span style="font-size:18px;color:#0072A7;margin-left: 5px;">Tour Information/informations touristiques</span></p>
                     <!--TourType STARTS-->                                       
               &nbsp;&nbsp; Tour Name/Nom:&nbsp;&nbsp;<input name="" type="text" value="<?php echo $infotour[0]["name"];?>" id="" disabled="disabled" style="width:200px;" />
                       <!--TourType ENDS-->    



						  
                 <!--Tour Name/Nom STARTS-->                                       
                   &nbsp;&nbsp;&nbsp;&nbsp;TourCode:&nbsp;&nbsp;<input name="" type="text" value="<?php echo $infotour[0]["code"];?>" id="" disabled="disabled" style="width:100px;" />
				</select>
				  <!--Tour Name/Nom ENDS-->  										
														
				<br/><br/>
														
																	
		<!--TourCode STARTS--> 									
                  &nbsp;&nbsp;&nbspAvailable Seat/Place:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="" type="text" value="<?php echo $totaldipoplace;?>" id="" disabled="disabled" style="width:50px;" />
				  
	<!--TourCodeENDS--> 		
					
					
              <!--Available Seat/Place STARTS-->                                                  
        &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;Depart Date:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="" type="text" value="<?php echo $infotour[0]["date"];?>" id="" disabled="disabled" style="width:150px;" />
                 <!--Available Seat/Place ENDS-->                                    
	<br/>
<!--TourCode STARTS--> 									
                  &nbsp;&nbsp;&nbspDepart Hour/Heure:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="" type="text" value="<?php echo $infotour[0]["time"];?>" id="" disabled="disabled" style="width:50px;" />
				  
	<!--TourCodeENDS--> 		
					
					
              <!--Available Seat/Place STARTS-->                                                  
        &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;Depart Place/Lieu:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="" type="text" value="<?php echo $infotour[0]["lieu"];?>" id="" disabled="disabled" style="width:200x;" />
                 <!--Available Seat/Place ENDS-->                                    
				<br/>
			
			
			 <p><span style="font-size:18px;color:#0072A7;margin-left: 5px;">Description</span></p>
			 
			 &nbsp;&nbsp;&nbsp;<textarea rows="6" cols="50"  disabled="disabled"  style="resize: none;"><?php echo  trim ($infotour[0]["description"]); ?></textarea>


			<br/>
			<br/>
		
			 <p><span style="font-size:15px;color:red;margin-left: 5px;">Online price/Prix en ligne:</span></p>

			 
			<?php if(count($listforfait)>0){
					foreach ($listforfait as $ff){
						if($ff["priceadult"]>0){
				
				?> 
			<!--Adult Price/Prix: STARTS-->
         &nbsp;&nbsp;Adult Price/Prix&nbsp;-<?php echo $ff["title"]; ?>:<input name="" type="text" value="<?php echo $ff["priceadult"]; ?>"$" id="" disabled="disabled" style="width:80px;" />
			<!--Adult Price/Prix: ENDS-->	 
			<?php }
			
			if($ff["pricechild"]>0){
			?>
			 <!--Child Price/Enfant Prix: STARTS-->                                                  
       &nbsp;Child Price/Enfant Prix--<?php echo $ff["title"]; ?>:&nbsp;&nbsp;<input name="" type="text" value="<?php echo $ff["pricechild"];?>" id="" disabled="disabled" style="width:80px;" />
                 <!--Child Price/Enfant Prix: ENDS-->   
                <br/> 
             <?php }?>                                     
			
			<?php }}?>

			
			
			<br/>
			 <p><span style="font-size:18px;color:#0072A7;margin-left: 5px;">Passengers Information/information des passagers</span></p>
			 
                  
		<form class="forminscr" action="<?php echo base_url(); ?>index.php/reservation/confirmbooking" method="post"  onSubmit="return false">                  
                  
				  &nbsp;&nbsp;&nbsp;First Name/Prénom: <input name="firstname" value="" type="text" id="" />
                                                      
                                                
                                                
				<br/>
                 <br/>                        
               &nbsp;&nbsp; Last Name/Nom:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input name="lastname"  value="" type="text" id="" />
                                                     
                 <br/>                             
                  <br/>                                
                                             
                   &nbsp;&nbsp;&nbsp; Language/Langage:&nbsp;<select name="language" id="" style="width:155px;">
						<option selected="selected" value="1">English</option>
						<option value="2">French</option>
						<option value="3">Mandarin</option>
						<option value="5">Spanish</option>
				</select>
						
					<br/>
                     <br/>                            
                &nbsp;&nbsp;&nbsp;Phone/Téléphone:&nbsp;&nbsp;&nbsp;&nbsp;<input name="telphone"  type="text" value="xxx-xxxxxxx" id="telephone" title="" />
           <br/>
			  <br/>                                 
                                                     
			 &nbsp;&nbsp;&nbsp;E-mail/Courriel:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="email" type="text" value="" id="" title="" onfocus="" />
                                                   
			<br/>
			<br/>
		<p><span style="font-size:18px;color:#0072A7;margin-left: 5px;">Number of Passenges/Nombre de Passenges</span></p>	
			<span style="font-size:12px;margin-left: 5px;">*Children can not occupy beds/Les enfants ne peuvent pas occuper des lits<br/></span>
					&nbsp;&nbsp;&nbsp;&nbsp;Adult/Adulte:<select name="numberpeople" id="" style="width:55px;">
						<option selected="selected" value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						</select>
		
		Children/Enfant (2-12):<select name="nbchild" id="" style="width:55px;">
						<option selected="selected" value="0">0</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						</select>
		
			<div style="position:relative;margin-left:420px;">
		  <input name="back"  type="button" value="Back to previous page/Retour page précédente" onclick="goBack();"/> &nbsp; &nbsp;<input type="submit" value="Next" />
		</form>
                 </div>                                    

			 
			 
			 
			 
			 
			 

			<div class="attention">
		
			<p><span style="font-size:20px; color:red;">ATTENTION!</span><br/><br/>
Please note that a complete confirmation of your 
booking will require both a receipt from MONERIS and 
an invoice from TOURS FANTAISIE in your e-mail. If you 
by any chance only get one receipt from MONERIS, 
please double check your JUNK MAIL too, and if you 
still don’t find the invoice from us there, then it means 
that the booking is NOT complete. 
Please call 514-508-2088 on weekdays for further 
assistance. Thank you and have a nice trip!</p>
<br/>

<p>Veuillez prendre note que votre réservation 
sera confirmée avez deux documents :
1) la reçue de MONERIS; 
2) la facture de TOURS FANTAISIE, qui seront envoyés 
à votre courriel. Si vous receviez seulement la reçue 
de MONERIS, mais pas de facture, s'il vous plaît vérifier 
votre COURRIER INDÉSIRABLE aussi. si vous ne trouvez 
toujours pas la facture, là-bas, c'est-à-dire que la 
réservation n'est pas complétée. Au cas ou, S.V.P. nous 
contacter par téléphone au 514-508-2088 dans la 
semaine. 
Merci et bon voyage!</p>
			<a href="#"><img style="position:relative;margin-left:190px;" src="<?php echo base_url(); ?>theme/image/theme/moneris.png" alt=""></a>

		</div><!--attention end here-->
      
	  	
	  

            
<!-- Clear -->
    	<div class="clear"></div>
    
  
        
    </div><!--onlinebookins ENDS-->
    
    <!-- Clear-->
    <div class="clear"></div>
    
    <!-- Advert Start -->
    <div id="advert" class="grid_16 advert">
    	<div id="advertback"></div>
        </br> </br> </br> </br>
    
    </div>
    <!-- Advert End -->
    
	
	<div class="grid_8 margin leftsays">
      
     <div id="full-bottom2">
     <div class="info_company">
     <h3 style="color:#000;padding-left:40px;padding-top:20px;">Tour Fantaisie Inc</h2>
     <p  style="color:#000;padding-left:40px">
     	Adresse:1111 St Urbain, Montreal, Quebec H2Z 1Y6 Canada
     </p>
     <p  style="color:#000;padding-left:40px">
		<b>Service à la clientèle/Customer Service:</b></br>
		Adresse Courriel/Email address: info@fantaisie.com</br>
		Tél/Tel: 514-508-2088</br>
	</p>
	<img src="<?php echo base_url(); ?>img/credits.jpg" /><br/>
	<div style="width:1200px; margin:0 auto">
    <a  style="text-decoration:underline" href="<?php echo base_url(); ?>index.php/reservation/pages/privacy" title="Privacy Policy" target="_blank" >Politique de confidentialité / Privacy Policy</a>&nbsp;|&nbsp;  <a href="<?php echo base_url(); ?>index.php/reservation/pages/delivery" title="Delivery standards" target="_blank"  style="text-decoration:underline" >Les normes de livraison / Delivery standards</a>&nbsp;|&nbsp; <a href="<?php echo base_url(); ?>index.php/reservation/pages/refund" title="Return/Refund Policy" style="text-decoration:underline" target="_blank" >politique de remboursemen tou  Retour / Return or Refund Policy</a> &nbsp;|&nbsp; <a href="<?php  echo base_url(); ?>index.php/reservation/pages/term" title="T
erms and Conditions" style="text-decoration:underline" target="_blank"  >Les Conditions Générales/Terms and Conditions</a>
	</div>
	   </div> 
     </div>
	
    <!-- Clear-->
    <div class="clear"></div>
    
   
    
    
    
    <!-- Clear-->
    <div class="clear"></div>
    
    
    
    <!-- Clear-->
	<div class="clear"></div> 
    
</div>
<!-- Container End-->

<!-- Clear-->
<div class="clear"></div>     

<!-- Footer 1 Start -->    
<div id="footer1-back">
 
</div>

<!-- Clear-->
<div class="clear"></div>

<!-- Footer 2 Start -->       
<div id="footer2-back">
	<div class="container_16">
    	<div class="grid_16 footerregister margin">
        <p>Copright © 2012 tour fantaisie Inc</p><p>Design by <a href="http://www.themjwebsolutions.com"> Mjwebsolutions Inc</a> - host in  MJwebsolutions(Bluehost)</a></p>
        </div>
    </div>
</div>

</body>
</html>